<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
let gotoBack = () => {

  router.back()
  // window.location.reload(); // 刷新当前页面
  // showToast('返回成功')

}
let logoimg = new URL('../../../../assets/img/logo.png', import.meta.url).href ;

</script>

<template>


  <div class="version-box">
      <div class="top-box"></div>
      <div class="version-header">
        <van-nav-bar class="version-title" title="软件版本"  @click-left="gotoBack">
          <template #left>
            <van-icon name="arrow-left" size="20" color="#6f7070" />
            <van-icon name="left-text" size="20" color="#6f7070" />
          </template>
        </van-nav-bar>
      </div>



    <div class="version-content">
      <img style="width: 80px;height: 80px;padding-top: 150px;" :src="logoimg"/>

      <div class="version-text">
        版本号 V1.0.2
      </div>
      <div class="text-bottom">
        个人开发版本 Copyright © 龚晓东 QQ:805747703
      </div>
    </div>


  </div>
</template>

<style scoped>
.version-box{
  display:flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /*padding-top: env(safe-area-inset-top);*/
}
.version-content{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-image: url('../../../../assets/img/versionbg.jpg');
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-size: cover; /* 背景图片覆盖整个容器 */
}
.version-text{
  padding-top:20px;
  font-size: 15px;
  color: #bdc0c5;
}
.text-bottom{
  font-size: 12px;
  color: #bdc0c5;
  padding-top: 115%;
  padding-right: 20px;
  padding-left: 20px;
}
.my-back {
  position: sticky;
  z-index: 3;
  /*padding-left: 10px;*/
  height: 0;
  padding-top: 15px;
}
.top-box{
  width: 100%;
  height: 30px;
  background-color: #fff;
}
.version-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  /*padding: 10px;*/
  /*box-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
  z-index: 10;
}
.version-title{
  padding-top: 30px;
  background-color: #fff;
}
</style>